layui.cache.page = '';
layui.cache.user = {
    username: '游客'
    , uid: -1
    , avatar: '/static/res/images/avatar/00.jpg'
    , experience: 83
    , sex: '男'
};
layui.config({
    version: "3.0.0"
    , base: '/static/res/mods/' //这里实际使用时，建议改成绝对路径
}).extend({
    fly: 'index'
}).use('fly');


var currentCid = 1; // 当前分类 id
var cur_page = 1; // 当前页
var total_page = 1;  // 总页数
var data_querying = true;   // 是否正在向后台获取数据

$(function () {

    // 通过Ajax的方式加载新闻列表
    updateNewsData();

    // 首页分类切换
    $('#fenlei a').click(function () {
        var clickCid = $(this).attr('data-cid');
        $('#fenlei a').each(function () {
            $(this).removeClass('layui-this');
        });
        $(this).addClass('layui-this');
        if (clickCid != currentCid) {
            // 记录当前分类id
            currentCid = clickCid;
            // 重置分页参数
            cur_page = 1;
            total_page = 1;
            data_querying = false;
            updateNewsData();
        }
    });

//     $(window).scroll(function () {
//         // 浏览器窗口高度
//         var showHeight = $(window).height();
//         // 整个网页的高度
//         var pageHeight = $(document).height();
//         // 页面可以滚动的距离
//         var canScrollHeight = pageHeight - showHeight;
//         // 页面滚动了多少,这个是随着页面滚动实时变化的
//         var nowScroll = $(document).scrollTop();
//         if ((canScrollHeight - nowScroll) < 100) {
//             if (!data_querying) {
//                 // 将`是否正在向后端查询新闻数据`的标志设置为真
//                 data_querying = true;
//                 // 如果当前页面数还没到达总页数
//                 if (cur_page < total_page) {
//                     // 向后端发送请求，查询下一页新闻数据
//                     updateNewsData();
//                 }
//             }
//         }
//     })
// });

    function updateNewsData() {
        // TODO 更新新闻数据
        var params = {
            "page": cur_page,
            "cid": currentCid,
            'per_page': 10
        };
        $.get("/postlist", params, function (resp) {
            // 设置 `数据正在查询数据` 变量为 false，以便下次上拉加载
            data_querying = false;

            if (resp) {
                // 记录总页数
                total_page = resp.totalPage;
                // 如果当前页数为1，则清空原有数据
                if (cur_page == 1) {
                    $("#list_con").html('');
                }
                // 当前页数递增
                cur_page += 1;

                // 显示数据
                for (var i = 0; i < resp.postList.length; i++) {
                    var post = resp.postList[i];
                    var content = '<li>';
                    content += '<a href="" class="fly-avatar "><img src="' + post.index_image_url + '"></a>';
                    content += '<h2>';
                    // content += '<a href="" class="layui-badge"> ' + post.user.vip_leven + ' </a>';
                    content += '<a href="/detail/' + post.id + '">' + post.title + ' </a>';
                    content += '</h2>';
                    content += '<div class="fly-list-info">';
                    content += '<a href="/user/home" link>';
                    content += '<cite>' + post.source + '</cite>';
                    content += '&nbsp;&nbsp;&nbsp;&nbsp;';
                    // content += '<i class="iconfont icon-renzheng" title="认证信息："></i>';
                    // content += '<i class="layui-badge fly-badge-vip">VIP' + 111 + '</i>';
                    content += '<span>' + post.create_time + '</span>';
                    content += '&nbsp;&nbsp;&nbsp;&nbsp;';
                    content += '<span class="fly-list-kiss layui-hide-xs" title="悬赏飞吻"><i class="iconfont icon-kiss"></i> ' + post.fly_kiss + '</span>';
                    // content += '<span class="layui-badge fly-badge-accept layui-hide-xs">已结</span>';
                    content += '<span class="fly-list-nums">';
                    // content += '<i class="iconfont icon-pinglun1" title="回答"></i> 66';
                    content += '</span>';
                    content += '</li>';
                    $("#list_con").append(content);
                }
            }
        })
    }
})

